@charset "utf-8";

.hide{position:absolute;left:-9999px;visibility:visible;}
#skip{position:relative;z-index:10000;}
#skip a{position:absolute;left:0px;top:-200px;display:block;background:#000;height:30px;line-height:30px;font-size:14px;font-weight:bold;text-align:center;width:100%;color:#fff}
#skip a.on{top:0;}

/* header */
#gnb {width:100%;}
#header{width:100%;height:111px;background:url("../../images/common/bg_header_top.gif") center 0 no-repeat;}
.gnb_top{position:relative; z-index:10; width:960px;margin:0 auto;height:32px;background:url("../../images/common/bg_header_top.gif") 40% 0 no-repeat;}
.gnb_top .gnb_list{position:relative; float:left; margin-left:319px;}
.gnb_top .gnb_list li{float:left;border-bottom:1px solid #424146}
.gnb_top .gnb_list li a{display:block; width:158px; height:22px; padding-top:9px; text-align:center; border-right:1px solid #424146; border-left:1px solid #7a7a87; background:#4d4d5f;}
.gnb_top .gnb_list li a:hover,.gnb_top .gnb_list li a:focus {background:#343440;}/* 0829 수정 */
.gnb_top .util_nav{float:right;}
.gnb_top .util_nav img{vertical-align:top;}
.gnb_top .util_nav li{float:left; padding-left:2px;background:url("../../images/common/bg_site_dot.gif") 1px 15px no-repeat;}
.gnb_top .util_nav > li:first-child{position:relative;padding:0; background:none;}
.gnb_top .util_nav > li:first-child a{padding-left:10px;border-left:1px solid #7d86b8;}
.gnb_top .util_nav li.last a {padding-right:0;}
.gnb_top .util_nav li a{display:block;padding:11px 6px 11px 6px; font-size:0;}
.gnb_top .util_nav li > ul{display:none; position:absolute;top:32px;left:0;width:147px;padding:10px 0 8px 12px;background:#424a80;}
.gnb_top .util_nav li > ul.custom 	{ z-index: 15; height:70px;}
.gnb_top .util_nav li li{width:160px;font-size:12px;padding:0 4px 0 0;line-height:22px;background:none;}
.gnb_top .util_nav li li a{display:inline-block;padding:0 !important;font-size:12px;color:#fff;border:0 !important;}
/*.gnb_top .util_nav.on > li:first-child{height:31px; margin-right:-5px; padding-right:5px; }
.gnb_top .util_nav.on > li:first-child > a{position:relative; z-index:2; padding-bottom:10px; background:#525da0 url('../../images/common/bg_util_arrow.gif') no-repeat 21px bottom;}*/
.gnb_top .util_nav.on > li:first-child > a{position:relative; background:#525da0 url('../../images/common/bg_util_arrow.gif') no-repeat 21px bottom; }

.gnb_top .util_nav div.siteMap 				{ background: url('/images/common/bg_gnb.png') repeat-x left bottom; position: absolute; left: 50%; top: 32px; right: 0px; z-index: 11; visibility: hidden; }
.gnb_top .util_nav div.siteMap div.fixed 			{ width: 960px; margin: auto; position: relative; }
.gnb_top .util_nav div.siteMap div.fixed > p.arr 		{ width: 0px; height: 0px; border: 8px solid transparent; border-top: 0px; border-bottom: 8px solid #fff; position: absolute; right: 70px; top: -8px; }
.gnb_top .util_nav div.siteMap div.fixed > h2 		{ background: url('/images/title/main_sitemap.gif') no-repeat left top #fff; width: 100%; height: 88px; text-indent: -9999px; }
.gnb_top .util_nav div.siteMap div.fixed > ul.list 		{ overflow: hidden; height:250px;padding-top:18px;}
.gnb_top .util_nav div.siteMap div.fixed > ul.list > li 	{ padding: 0px; width: 159px; border-left: 1px solid #d9d9d9; height: 230px; }
.gnb_top .util_nav div.siteMap dl 			{ padding-left: 21px; padding-bottom: 28px; }
.gnb_top .util_nav div.siteMap dl dt 			{ background-image: url('/images/title/main_sitemap02.gif'); background-repeat: no-repeat; width: 139px; height: 30px; text-indent: -9999px; }
.gnb_top .util_nav div.siteMap dl.menu1 dt 		{ background-position: 0 0; }
.gnb_top .util_nav div.siteMap dl.menu2 dt 		{ background-position: 0 -30px; }
.gnb_top .util_nav div.siteMap dl.menu3 dt 		{ background-position: 0 -60px; }
.gnb_top .util_nav div.siteMap dl.menu4 dt 		{ background-position: 0 -90px; }
.gnb_top .util_nav div.siteMap dl.menu5 dt 		{ background-position: 0 -120px; }
.gnb_top .util_nav div.siteMap dl.menu6 dt 		{ background-position: 0 -150px; }
.gnb_top .util_nav div.siteMap dl.menu7 dt 		{ background-position: 0 -180px; }
.gnb_top .util_nav div.siteMap dl dd 			{  }
.gnb_top .util_nav div.siteMap dl dd > a			{ color: #444; }
.gnb_top .util_nav div.siteMap dl dd > a:hover,
.gnb_top .util_nav div.siteMap dl dd > a:focus{ color: #525da0; font-weight: bold; }
.gnb_top .util_nav div.siteMap dl dd li > a 		{ color: #777; }
.gnb_top .util_nav div.siteMap dl dd li > a:hover,
.gnb_top .util_nav div.siteMap dl dd li > a:focus{ color: #525da0 !important; font-weight: bold; }
.gnb_top .util_nav div.siteMap a.close 			{ display: block; background: url('/images/btn/sitemap_close.gif') no-repeat left top; width: 24px; height: 23px; text-indent: -9999px; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 42px; }

.gnb_wrap {position:relative; top:0; left:50%; z-index:9; width:100%; margin-left:-50%; background: #fff;/*background:url('../../images/common/bg_gnb.png') repeat-x center bottom;*/ min-height:88px; }
.gnb_wrap .inner {overflow:hidden;width:960px;margin:0 auto; /*padding-bottom:10px;*/ }
.gnb_wrap h1{float:left;padding:19px 0;}
.gnb_wrap .gnb{float:right;padding:25px 10px 25px 0; height:38px;overflow:hidden}
.gnb_wrap .gnb > li {  }
.gnb_wrap .gnb li{float:left;}
.gnb_wrap .gnb li  a{display:block;overflow:hidden;height:18px;margin:10px 40px;padding:0}
.gnb_wrap .gnb li ul {padding-left:20px;padding-top:1000px;}
.gnb_wrap .gnb.on li ul {padding-top:0px;}
.gnb_wrap .gnb li li{float:none;padding:8px 0 0 20px;line-height:18px;}
.gnb_wrap .gnb li li a{display:inline;padding:0;height:auto;overflow:visible;margin:0;}

.gnb_wrap .gnb li.on img,
.gnb_wrap .gnb li.hv img{margin-top:-30px;}
.gnb_wrap .gnb li li.on a,
.gnb_wrap .gnb li li.hv a,
.gnb_wrap .gnb li li a:hover,
.gnb_wrap .gnb li li a:focus{font-weight:bold; color:#525da0; letter-spacing:-1px;}
.gnb_wrap p.bgB	{ background: url("/images/common/bg_gnb.png") repeat-x center bottom; width: 100%; height: 10px; position: absolute; left: 0px; right: 0px; bottom: -10px; }

/* container */
/* [ contents_top - slideBox ] start */
div.contents_top div.slideBox 	{ position: relative; height: 428px; width: 100%; overflow: hidden; }
div.contents_top div.slideBox p.pageControl 	{ position: absolute; left:50%; top: 380px; z-index: 10; margin-left:-470px}
div.contents_top div.slideBox p.pageControl a 	{ background-image: url('/images/main/slide_btns.png'); background-repeat: no-repeat; display: inline-block; height: 15px; /*text-indent: -9999px;*/ overflow: hidden; line-height: 9999px; vertical-align: top; }
div.contents_top div.slideBox p.pageControl a[href="#img01"] 		{ background-position: 0 0; width: 15px; }
div.contents_top div.slideBox p.pageControl a[href="#img02"] 		{ background-position: -25px 0; width: 15px; }
div.contents_top div.slideBox p.pageControl a[href="#img03"] 		{ background-position: -25px 0; width: 15px; }
div.contents_top div.slideBox p.pageControl a[href="#play"] 			{ background-position: -50px 0; width: 13px; }
div.contents_top div.slideBox p.pageControl a[href="#stop"] 			{ background-position: -73px 0; width: 13px; }

div.contents_top div.slideBox p.pageControl a[href="#img01"]:hover , 
div.contents_top div.slideBox p.pageControl a[href="#img01"]:focus 		{ background-position: 0 -25px; }
div.contents_top div.slideBox p.pageControl a[href="#img02"]:hover , 
div.contents_top div.slideBox p.pageControl a[href="#img02"]:focus 		{ background-position: -25px -25px; }
div.contents_top div.slideBox p.pageControl a[href="#img03"]:hover , 
div.contents_top div.slideBox p.pageControl a[href="#img03"]:focus 		{ background-position: -25px -25px; }
div.contents_top div.slideBox p.pageControl a[href="#play"]:hover , 
div.contents_top div.slideBox p.pageControl a[href="#play"]:focus 			{ background-position: -50px -25px; }
div.contents_top div.slideBox p.pageControl a[href="#stop"]:hover , 
div.contents_top div.slideBox p.pageControl a[href="#stop"]:focus 			{ background-position: -73px -25px; }

div.contents_top div.slideBox p.pageControl a[href="#img01"].active 		{ background-position: 0 -25px; }
div.contents_top div.slideBox p.pageControl a[href="#img02"].active		{ background-position: -25px -25px; }
div.contents_top div.slideBox p.pageControl a[href="#img03"].active		{ background-position: -25px -25px; }
div.contents_top div.slideBox p.pageControl a[href="#play"].active			{ background-position: -50px -25px; }
div.contents_top div.slideBox p.pageControl a[href="#stop"].active			{ background-position: -73px -25px; }

div.contents_top div.slideBox div.imgBox 			{ position: absolute; left: 0px; top: 0px; width:100000px; }
div.contents_top div.slideBox div.imgBox div.cont 		{ float:left; width:100%}
div.contents_top div.slideBox div.imgBox div.cont h5 	{ visibility: hidden; }
div.contents_top div.slideBox div.imgBox div.cont span 	{ visibility: hidden; }
div.contents_top div.slideBox div.imgBox div#main_img01 	{ background: url('/images/main/main_slide01.jpg') no-repeat center 8px; min-width: 960px; height: 428px; }
div.contents_top div.slideBox div.imgBox div#main_img02 	{ background: url('/images/main/main_slide02.jpg') no-repeat center 8px; min-width: 960px; height: 428px; }
div.contents_top div.slideBox div.imgBox div#main_img03 	{ background: url('/images/main/main_slide03.jpg') no-repeat center 8px; min-width: 960px; height: 428px; }
/* [ middleCont - slideBox ] end */

#wrap_container{width:100%;background:url("../../images/common/bg_contents_top.gif") repeat-x;}
.contents_top{min-width:960px;height:428px;background:#c5d1df;}
.contents_middle{background:url("../../images/common/bg_contents_middle.gif") center 0 no-repeat;}
.content_list{width:960px;margin:0 auto;}
.content_list .samyang_group{}
.content_list .samyang_group h3{float:left;}
.content_list .samyang_group .banner_list {float:left;position:relative;width:639px;height:278px;margin-right:-1px;border:1px solid #d9d9d9;background:#fff;}
.content_list .samyang_group .banner_list .mask {position:relative;height:278px;min-width:639px !important;overflow:hidden;}
.content_list .samyang_group .banner_list ul{position:absolute; top:0; left:0px; width:10000px;}
.content_list .samyang_group .banner_list ul li{float:left; width:319px; overflow:hidden; padding-right:1px;}
.content_list .samyang_group .banner_list ul li a{display:block;width:319px; overflow:hidden;}
.content_list .samyang_group .banner_list ul li img{width:319px;}
.content_list .samyang_group .banner_list .ctr{position:absolute;right:20px;top:20px;}
.content_list .samyang_group .banner_list .ctr a{float:left;margin-left:6px;}
.content_list .samyang_group .banner_list .rLine {position:absolute;top:0;left:639px;z-index:5;width:0;height:278px;border-right:1px solid #d9d9d9;}

.group_area{clear:both;}
.group_area .group_area_list{overflow:hidden;}
.group_area .group_area_list li{float:left;border:solid #d9d9d9;border-width:0 0 1px 1px;}
.group_area .group_area_list li.first{position:relative;width:288px;padding:39px 0 40px 29px;min-height:200px;}
.group_area .group_area_list li.first h2{margin-bottom:35px;}
.group_area .group_area_list li.first ul li{border:none;overflow:hidden;height:28px;line-height:28px;width:240px;text-overflow:ellipsis;white-space:nowrap;}
.group_area .group_area_list li.first ul li a{color:#555;}
.group_area .group_area_list li.first ul li:focus a,
.group_area .group_area_list li.first ul li:hover a{text-decoration:underline;}
.group_area .group_area_list li.first ul li.ico_new	{background-position:1px 7px;padding-left: 24px !important;}
.group_area .group_area_list li.first ul li.ico_dot	{background-position:6px 12px;padding-left: 24px !important;}
.group_area .group_area_list li.first ul li em{font-weight:bold;}
.group_area .group_area_list li.first span{display:block;position:absolute;right:20px;top:20px;}

.group_area .group_area_list li.first + li{width:290px;height:240px;padding:39px 0 0 30px; background:url("../../images/contents/img_story.gif") 54px bottom no-repeat;}
.group_area .group_area_list li.first + li.banner {width:320px; height:279px;padding:0; background:none;}
.group_area .group_area_list li.first + li + li{width:290px;height:240px;padding:39px 0 0 29px;background:url("../../images/contents/img_online.gif")77px 155px no-repeat;border-right:1px solid #d9d9d9}
.group_area .group_area_list li.first p img 	{ margin-left: -1px; }

.ico_new{padding-left:29px;background:url("../../images/contents/ico_new.gif") no-repeat 2px top;}
.ico_dot{padding-left:22px;background:url("../../images/contents/bg_dot02.gif") no-repeat;}

.con_bottom ul{overflow:hidden;}
.con_bottom ul li{float:left;border:solid #d9d9d9; border-width:0 1px 1px 1px;width:289px;padding:30px 0 0 30px;height:63px;}
.con_bottom ul li.first{border-right:0;border-bottom:0;padding:39px 0 0 30px;width:608px;height:241px;background:url("../../images/contents/img_info01.gif") 293px bottom no-repeat;}
.con_bottom ul li.first + li {background:url("../../images/contents/img_info05.gif") 193px 5px no-repeat;height:62px !important;}/* 2013-09-03 css 수정 */
.con_bottom ul li.first + li + li {background:url("../../images/contents/img_info03.gif") 210px 20px no-repeat;}
.con_bottom ul li.first + li + li + li{background:url("../../images/contents/img_info04.gif") 201px 22px no-repeat; border-bottom:0;}
.con_bottom ul li.banner {width:319px; height:92px;padding:0;background:none !important;}

.announcement{width:100%;background:url("../../images/common/bg_contents_bottom.gif") center 0 no-repeat #fff;}
.announcement_area{width:960px;margin:0 auto;background:url("../../images/common/bg_contents_bottom.gif") center 0 no-repeat;}
.announcement_area:after{content:"";display:block;clear:both;}
.announcement_area .left_area{float:left;width:640px;padding:12px 0 0 0 ;height:27px;border-top:1px solid #d9d9d9;background:#fff;}
.announcement_area .left_area:after{content:"";display:block;clear:both;}
.announcement_area .left_area h4,
.announcement_area .left_area p,
.announcement_area .left_area span{float:left;}
.announcement_area .left_area h4 img 	{ margin-top: -1px; }
.announcement_area .left_area p{height:13px;padding-top:2px;margin-left:55px;}
.announcement_area .left_area p a{font-size:0;line-height:0;font-size:12px;line-height:13px;}
.announcement_area .left_area span{float:right; margin-right:30px;}
.announcement_area .left_area p.ico_dot {background:url("../../images/contents/bg_dot02.gif") no-repeat 5px 5px;}

.product_site{position:relative;float:left; width:320px; background:url("../../images/common/bg_bottom.gif") center 0 repeat-x; z-index:10;}
.product_site a.btn{display:block;padding:14px 30px 0 31px;height:26px;background:url("../../images/common/bg_bottom.gif") center 0 repeat-x;}
.product_site .product_list{overflow:hidden;display:none;position:absolute;left:0;bottom:40px;width:320px;height:275px;padding-top:5px;background:#525266;}
.product_site .product_list.on{display:block}
.product_site .product_list dl {float:left;padding-left:30px;width:129px;margin-top:20px;line-height:22px;color:#fff;border-left:1px solid #7d7d8c;}
.product_site .product_list dl:first-child{border-left:0;}
.product_site .product_list dt {margin-top:10px;font-weight:bold;display:block;width:130px;}
.product_site .product_list dt:first-child {margin-top:0;}
.product_site .product_list li a{display:inline-block; color:#fff;padding-left:7px;background:url("../../images/common/bu_dot03.gif") 0 10px no-repeat;}

/* footer */
#footer 					{ background:#ededed;width:100%; }
.footer_area 				{ overflow:hidden;width:960px;margin:0 auto;padding:25px 0 35px;background:#ededed; }
.footer_area p 				{ float:left; height: 70px; }
.footer_area div.left 			{ float: left; padding-left: 29px; }
.footer_area ul.footer_util		{ float:left; overflow:hidden; margin:5px 0 0 1px; }
.footer_area ul.footer_util li 		{ float:left; padding:0 8px;background:url("../../images/common/bg_footer_dot.gif") 0 center no-repeat; line-height:100%;}
.footer_area ul.footer_util li.first 		{ background:none; }
.footer_area ul.footer_util li.last 		{ padding-right:0; }
.footer_area address 			{ clear: left; float:left; margin-top:14px; margin-left: 9px; }

.footer_area div.left ul.link { clear:both;float:left;overflow:hidden;margin-top:20px;}/* 2013-09-23 footer 추가분 수정 */
.footer_area div.left ul.link li { float:left; margin-left:25px; }
.footer_area div.left ul.link li:first-child { margin-left:9px; }

.footer_area div.right { float: right;margin-right:1px; }
.footer_area div.right ul.icoB { float: left; }
.footer_area div.right ul.icoB li { float: left; margin-left: 25px; }
.footer_area div.right ul.icoB li:first-child {margin-left:0;margin-top:13px;}
.footer_area div.right ul.icoB li + li {margin-top:3px;}

/* 서브 css */
.container{position:relative;width:960px;margin:0 auto;border-left:1px solid #d9d9d9;}
.container hr{border:1px solid #d9d9d9;}
.container:after{content:"";display:block;clear:both;}
.left_area{float:left;width:180px;margin-left:-1px;padding-top:169px;}
.container h2{background:url("../../images/bg/bg_h2.gif") 0 0 no-repeat;width:180px;height:24px;padding:69px 0 67px 0; text-align:center;position:absolute;left:-1px;top:9px;z-index:5;}
.container h3{margin-bottom:60px}
.container h3.title_underbar{/* background:url("../../images/bg/bg_h3_underbar.gif") left bottom no-repeat; */height:118px;margin-bottom:60px;}
.container h5{font-weight:bold;font-size:14px;color:#444;}
.left_area .lnb_area{border:solid #d9d9d9;border-width:0 1px;}
.left_area .lnb_area ul{}
.left_area .lnb_area ul li{border-bottom:1px solid #d9d9d9;font-size:14px;}
.left_area .lnb_area ul li a{display:block;color:#444;padding:16px 0 14px 19px;line-height:19px;}
.left_area .lnb_area ul li ul{margin-top:-9px; padding-bottom:15px;}
.left_area .lnb_area ul li ul li{margin-top:6px;padding-left:17px;border:none;font-size:12px;}
.left_area .lnb_area ul li ul li:first-child{margin-top:6px;}
.left_area .lnb_area ul li ul li a{color:#444;padding:0 0 0 10px; text-indent:-10px;line-height: 16px;}
.left_area .lnb_area ul li a.on,
.left_area .lnb_area ul li a:hover,
.left_area .lnb_area ul li a:focus{;font-weight:bold;color:#525da0;background:url("../../images/contents/bg_lnb_dot.gif") 94% 21px no-repeat;}
.left_area .lnb_area ul li li a.on,
.left_area .lnb_area ul li li a:hover,
.left_area .lnb_area ul li li a:focus{background-position:93% 3px;}

.left_area .lnb_area li a.tit_on,
.left_area .lnb_area li a.tit_on:hover,
.left_area .lnb_area li a.tit_on:focus{font-weight:bold;color:#525da0;display:block;padding:16px 0 14px 19px;line-height:19px;background: none;}

.contents{float:left;padding:87px 0 0 60px;width:720px;position:relative;}
.contents .location{overflow:hidden;position:absolute;right:-16px;top:20px;}
.contents .location li{padding:4px 10px 0 10px;float:left;line-height:100%;font-size:11px;background:url("../../images/common/bg_gt.gif") 0px 6px no-repeat;}
.contents .location li a{color:#444;}
.contents .location li a img{display:block;padding-bottom:10px;}
.contents .location li.first{background:none;padding-left:0;}
.contents .location li em{color:#525da0;font-weight:bold;}

.contents	{border-left:1px solid #d9d9d9;margin-left:-1px;padding-bottom:120px;}
.contents .sub_con_top	{background:url("../../images/contents/img_sub01_01.gif") 392px 35px no-repeat;padding-bottom:60px;}
.contents .sub_con_top h3	{height:82px; padding-top:49px;}

.sub_bottom_list{overflow:hidden;}
.sub_bottom_list li{width:360px;padding-top:60px;color:#777;float:left;letter-spacing:-1px}
.sub_bottom_list li.left_list{}
.sub_bottom_list li strong{display:block;padding:16px 0 10px;font-weight:bold;color:#444;font-size:14px;}
.sub_bottom_list li ul{}
.sub_bottom_list li ul li{width:340px;padding:0 0 0 7px;line-height:22px;background:url("../../images/contents/bg_dot01.gif") 0 10px no-repeat;}

.samyang_group p.bgL 	{ background: url('/images/common/bg_contents_middle2.gif') no-repeat left top; width: 160px; height: 280px; position: absolute; left: -160px; top: 0px; }